/*
 * LasTweet lists last tweets to friends
 * Copyright (C) 2008  Yu-Jie Lin
 * 
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 * 
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 * 
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */

body {
  background-color: #3366aa;
  color: #aaeeff;
  }

a {
  font-weight: bold;
  text-decoration: none;
  color: #fff;
  }

a:hover {
  background-color: #fff;
  color: #3366aa;
  }

#wrap {
  width: 600px;
  margin: auto;
  text-align: center;
  }

#header {
  font-family: Times;
  }

#header>.title {
  font-size: 72px;
  color: #66ccdd;
  }

#header>.description {
  font-size: 24px;
  color: #ee5555;
  }

#nav>a {
  font-family: Arial;
  font-size: 16px;
  font-weight: bold;
  font-variant: small-caps;
  color: #77aa77;
  }

#messages .message {
  margin: 5px;
  background-color: #ee6;
  border: 1px solid #66ccdd;
  color: #000;
  }

#messages .error {
  margin: 5px;
  background-color: #faa;
  border: 1px solid #f00;
  color: #f00;
  }

#content {
  margin: 10px;
  }

#content form#subscribe {
  width: 400px;
  margin: auto;
  }

#content form#subscribe > div{
  margin-top: 5px;
  }

#content form#subscribe label {
  width: 200px;
  display: block;
  float: left;
  }

#content form#subscribe input {
  width: 180px;
  }

#twitter .avatar {
  vertical-align: middle;
  }

#twitter .username {
  font-family: Times;
  font-size: 48px;
  vertical-align: middle;
  }

#tweets {
  margin: auto;
  }

#tweets>.tweet {
  margin-top: 10px;
  text-align: left;
  clear: both;
  }

#tweets .tweet .avatar {
  float: left;
  }

#tweets .tweet .right {
  width: 520px;
  float: right;
  }

#tweets .tweet .message a{
  color: #ccc;
  width: 400px;
  }

#tweets .tweet .magpie {
  background-color: #f00;
  border: 1px solid #ff0;
  color: #fff;
  width: 400px;
  }

#tweets .tweet .option-right {
  font-size: 12px;
  background-color: #336677;
  border: 1px solid #66ccdd;
  float: right;
  width: 110px;
  text-align: center;
  }

#about_content {
  text-align: left;
  margin: auto;
  }

#footer {
  clear: both;
  }
